<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>微信红包</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/bonus.css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body style="background-color: #faf6f1;">
    <div class="container-fluid" style="background:url(images/bonus_bg.png) no-repeat; background-size: 100% 100%;background-position: 0 30px;">
        <div class="row">
            <div class="col-xs-12 bonus-head plr0">
                <div class="col-xs-2 ptb5 head-left">
                    <img src="images/icon-left.png" width="22" height="21" class="img-responsive center-block">
                </div>
                <div class="col-xs-10 fs18 mt-5">
                    微信红包
                </div>
                <div class="col-xs-10">
                    微信安全支付
                </div>
            </div>
        </div>
        <div class="row fs16">
            <div class="col-xs-4 col-xs-offset-4 pt70">
                <img src="images/portrait_bonus_01.png" class="img-responsive center-block">
            </div>
            <div class="col-xs-12 text-center pt10">
                <span>小朋友的红包</span> <img src="images/pin.png" width="18" style="line-block" >
            </div>
            <div class="col-xs-12 text-center mt20 fs26 pt20"><span class="fs50">2.50</span>元</div>
            <div class="col-xs-12 mt20 blue text-center fs14">
                已存入零钱，可用于发红包
            </div>
        </div>
        <div class="row ptb10 bg_gray gray">
            <div class="col-xs-12">2个红包共0.02元，42秒被抢光</div>
        </div>
        <div class="row">
            <div class="col-xs-12 bg-white">
                <div class="col-xs-12 plr0 bdb">
                    <div class="col-xs-2 plr0 pt10">
                        <img src="images/portrait_bonus_02.png" alt="" class="img-responsive">
                    </div>
                    <div class="col-xs-10 pr0 fs16 pt10">
                        <div class="col-xs-6 plr0">
                            朋友
                        </div>
                        <div class="col-xs-6 plr0 text-right">
                            0.01元
                        </div>
                    </div>
                    <div class="col-xs-10 pr0 gray pt5 pb10">
                        <div class="col-xs-6 plr0 blue">
                            <a href="#">留言</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 bg-white">
                <div class="col-xs-12 plr0 bdb">
                    <div class="col-xs-2 plr0 pt10">
                        <img src="images/portrait_bonus_01.png" class="img-responsive">
                    </div>
                    <div class="col-xs-10 pr0 fs16 pt10">
                        <div class="col-xs-6 plr0">
                            朋友1
                        </div>
                        <div class="col-xs-6 plr0 text-right">
                            0.01元
                        </div>
                    </div>
                    <div class="col-xs-10 pr0 gray pt5 pb10">
                        <div class="col-xs-6 plr0">
                            2月19日 19:50
                        </div>
                        <div class="col-xs-6 plr0 orange text-right">
                            <img src="images/king.png" width="18" style="line-block" > 手气最佳
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt20">
            <div class="col-xs-12 text-center blue">
                <a href="#">查看我的红包记录</a>
            </div>
            <div class="col-xs-12 text-center gray ptb20">
                收到的钱可直接用来发红包
            </div>
        </div>
    </div>
</body>
</html>